<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI简历分析 - 突袭简历</title>
    <meta name="description" content="基于AI大模型的智能简历分析，深度识别优化点，提升求职竞争力。">
    <!-- 标准化CSS -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 主样式 -->
    <link rel="stylesheet" href="css/main.css">
    <!-- 简历分析样式 -->
    <link rel="stylesheet" href="css/resume-analysis.css">
    <!-- 移动端优化样式 -->
    <link rel="stylesheet" href="css/mobile.css">
    <!-- 网站图标 -->
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <span class="logo-text">突袭简历</span>
                </a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="templates.html">简历模板</a></li>
                    <li><a href="resume-editor.html">简历编辑</a></li>
                    <li><a href="resume-analysis.html" class="active">AI分析</a></li>
                    <li><a href="pricing.html">会员服务</a></li>
                </ul>
            </nav>
            <div class="user-actions">
                <div class="user-dropdown">
                    <button class="user-dropdown-btn">
                        <span class="user-avatar">👤</span>
                        <span class="user-name">张三</span>
                        <span class="dropdown-icon">▼</span>
                    </button>
                    <div class="dropdown-menu">
                        <a href="dashboard.html">用户中心</a>
                        <a href="my-resumes.html">我的简历</a>
                        <a href="account-settings.html">账号设置</a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="logout-btn">退出登录</a>
                    </div>
                </div>
            </div>
            <button class="mobile-menu-toggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </header>

    <!-- 简历分析主体 -->
    <main class="analysis-container">
        <div class="container">
            <!-- 分析报告头部 -->
            <div class="analysis-header">
                <div class="resume-info">
                    <h1 class="resume-title">产品经理简历</h1>
                    <div class="resume-meta">
                        <span class="resume-date">分析日期: 2025年11月15日</span>
                        <span class="resume-version">版本: 2.0</span>
                    </div>
                </div>
                <div class="analysis-actions">
                    <button class="btn btn-outline btn-with-icon">
                        <span class="btn-icon">📥</span>
                        <span>下载报告</span>
                    </button>
                    <button class="btn btn-primary btn-with-icon">
                        <span class="btn-icon">✏️</span>
                        <span>编辑简历</span>
                    </button>
                </div>
            </div>

            <!-- 总体评分 -->
            <section class="analysis-section score-section">
                <div class="section-header">
                    <h2 class="section-title">总体评分</h2>
                </div>
                <div class="score-content">
                    <div class="score-chart">
                        <div class="score-circle">
                            <svg viewBox="0 0 36 36" class="circular-chart">
                                <path class="circle-bg" d="M18 2.0845
                                    a 15.9155 15.9155 0 0 1 0 31.831
                                    a 15.9155 15.9155 0 0 1 0 -31.831"/>
                                <path class="circle" stroke-dasharray="75, 100" d="M18 2.0845
                                    a 15.9155 15.9155 0 0 1 0 31.831
                                    a 15.9155 15.9155 0 0 1 0 -31.831"/>
                                <text x="18" y="20.35" class="score">75</text>
                            </svg>
                        </div>
                        <div class="score-label">良好</div>
                    </div>
                    <div class="score-details">
                        <div class="score-category">
                            <div class="category-header">
                                <h3>内容完整性</h3>
                                <span class="category-score">85<span class="score-max">/100</span></span>
                            </div>
                            <div class="progress-bar">
                                <div class="progress" style="width: 85%;"></div>
                            </div>
                        </div>
                        <div class="score-category">
                            <div class="category-header">
                                <h3>专业相关性</h3>
                                <span class="category-score">80<span class="score-max">/100</span></span>
                            </div>
                            <div class="progress-bar">
                                <div class="progress" style="width: 80%;"></div>
                            </div>
                        </div>
                        <div class="score-category">
                            <div class="category-header">
                                <h3>成就展示</h3>
                                <span class="category-score">65<span class="score-max">/100</span></span>
                            </div>
                            <div class="progress-bar">
                                <div class="progress" style="width: 65%;"></div>
                            </div>
                        </div>
                        <div class="score-category">
                            <div class="category-header">
                                <h3>关键词优化</h3>
                                <span class="category-score">70<span class="score-max">/100</span></span>
                            </div>
                            <div class="progress-bar">
                                <div class="progress" style="width: 70%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="score-summary">
                    <h3>总体评价</h3>
                    <p>您的简历整体表现良好，特别是在内容完整性和专业相关性方面表现突出。建议重点提升成就展示部分，增加具体的数据和成果，使您的贡献更加量化和可信。同时，可以进一步优化关键词，提高简历与目标职位的匹配度。</p>
                </div>
            </section>

            <!-- ATS通过率 -->
            <section class="analysis-section ats-section">
                <div class="section-header">
                    <h2 class="section-title">ATS通过率分析</h2>
                    <div class="section-tooltip" data-tooltip="ATS(申请人跟踪系统)是招聘方用来筛选简历的自动化系统，通过率越高表示您的简历越容易通过初筛。">
                        <span>ℹ️</span>
                    </div>
                </div>
                <div class="ats-content">
                    <div class="ats-score">
                        <div class="ats-meter">
                            <svg viewBox="0 0 120 120" class="ats-gauge">
                                <path class="gauge-bg" d="M10,90 A 40 40 0 1 1 110 90" />
                                <path class="gauge-fill" d="M10,90 A 40 40 0 1 1 110 90" stroke-dasharray="157, 188" />
                                <text x="60" y="100" class="gauge-text">83%</text>
                            </svg>
                        </div>
                        <div class="ats-label">通过率</div>
                    </div>
                    <div class="ats-details">
                        <div class="ats-item">
                            <div class="ats-icon success">
                                <span>✓</span>
                            </div>
                            <div class="ats-info">
                                <h4>格式兼容性</h4>
                                <p>您的简历格式与主流ATS系统兼容，不会因格式问题被筛选掉。</p>
                            </div>
                        </div>
                        <div class="ats-item">
                            <div class="ats-icon success">
                                <span>✓</span>
                            </div>
                            <div class="ats-info">
                                <h4>关键词匹配</h4>
                                <p>检测到15个产品经理职位关键词，匹配度良好。</p>
                            </div>
                        </div>
                        <div class="ats-item">
                            <div class="ats-icon warning">
                                <span>⚠️</span>
                            </div>
                            <div class="ats-info">
                                <h4>缺失关键技能</h4>
                                <p>未检测到"数据分析"、"用户研究"等关键技能词。</p>
                            </div>
                        </div>
                        <div class="ats-item">
                            <div class="ats-icon success">
                                <span>✓</span>
                            </div>
                            <div class="ats-info">
                                <h4>文件命名</h4>
                                <p>文件命名规范，便于招聘方识别和管理。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ats-recommendations">
                    <h3>提升建议</h3>
                    <ul class="recommendation-list">
                        <li>添加"数据分析"、"用户研究"等行业关键技能</li>
                        <li>在工作经验中增加"产品规划"、"需求分析"等关键词</li>
                        <li>保持PDF格式，确保ATS系统可以正确解析内容</li>
                    </ul>
                </div>
            </section>

            <!-- 内容分析 -->
            <section class="analysis-section content-section">
                <div class="section-header">
                    <h2 class="section-title">内容分析</h2>
                </div>
                <div class="content-analysis">
                    <!-- 个人信息分析 -->
                    <div class="analysis-card">
                        <div class="card-header">
                            <h3 class="card-title">个人信息</h3>
                            <div class="card-score good">90</div>
                        </div>
                        <div class="card-content">
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>联系信息完整，包含电话、邮箱和LinkedIn链接</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>专业头衔明确，与目标职位匹配</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon warning">
                                    <span>⚠️</span>
                                </div>
                                <div class="item-content">
                                    <p>缺少个人网站或作品集链接，无法展示更多专业能力</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-recommendations">
                            <h4>优化建议</h4>
                            <ul>
                                <li>添加个人作品集或项目展示网站链接</li>
                                <li>考虑添加简短的专业总结，突出核心优势</li>
                            </ul>
                        </div>
                    </div>

                    <!-- 工作经验分析 -->
                    <div class="analysis-card">
                        <div class="card-header">
                            <h3 class="card-title">工作经验</h3>
                            <div class="card-score average">75</div>
                        </div>
                        <div class="card-content">
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>工作经历按时间倒序排列，格式清晰</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon warning">
                                    <span>⚠️</span>
                                </div>
                                <div class="item-content">
                                    <p>工作描述偏向职责描述，缺乏具体成就和影响</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon warning">
                                    <span>⚠️</span>
                                </div>
                                <div class="item-content">
                                    <p>缺少量化数据，难以评估实际贡献</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>使用了有力的行动动词，如"领导"、"开发"、"优化"</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-recommendations">
                            <h4>优化建议</h4>
                            <ul>
                                <li>使用STAR法则（情境-任务-行动-结果）描述关键项目</li>
                                <li>添加具体数据，如"提高用户转化率30%"、"减少开发时间20%"</li>
                                <li>突出与目标职位相关的成就和技能</li>
                            </ul>
                        </div>
                        <div class="before-after">
                            <div class="before-after-header">
                                <h4>改进示例</h4>
                                <button class="toggle-btn">查看示例</button>
                            </div>
                            <div class="before-after-content">
                                <div class="before-content">
                                    <h5>原内容</h5>
                                    <p>负责公司核心产品的功能规划和迭代，与开发团队合作实现产品功能。</p>
                                </div>
                                <div class="after-content">
                                    <h5>优化后</h5>
                                    <p>领导5人产品团队规划并迭代核心产品，通过用户研究和数据分析确定关键功能，推动实施新的用户引导流程，提升用户活跃度28%，月留存率提高15个百分点。</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 教育背景分析 -->
                    <div class="analysis-card">
                        <div class="card-header">
                            <h3 class="card-title">教育背景</h3>
                            <div class="card-score good">85</div>
                        </div>
                        <div class="card-content">
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>学历信息完整，包含学校、专业、学位和毕业时间</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>专业与目标职位相关，增加竞争力</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon warning">
                                    <span>⚠️</span>
                                </div>
                                <div class="item-content">
                                    <p>缺少相关课程项目或学术成就的描述</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-recommendations">
                            <h4>优化建议</h4>
                            <ul>
                                <li>添加与产品管理相关的课程或项目经历</li>
                                <li>如有相关荣誉或奖项，可以一并列出</li>
                            </ul>
                        </div>
                    </div>

                    <!-- 技能分析 -->
                    <div class="analysis-card">
                        <div class="card-header">
                            <h3 class="card-title">技能</h3>
                            <div class="card-score average">70</div>
                        </div>
                        <div class="card-content">
                            <div class="analysis-item">
                                <div class="item-icon success">
                                    <span>✓</span>
                                </div>
                                <div class="item-content">
                                    <p>技能分类清晰，包含硬技能和软技能</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon warning">
                                    <span>⚠️</span>
                                </div>
                                <div class="item-content">
                                    <p>部分技能描述过于笼统，如"沟通能力"、"团队协作"</p>
                                </div>
                            </div>
                            <div class="analysis-item">
                                <div class="item-icon error">
                                    <span>❌</span>
                                </div>
                                <div class="item-content">
                                    <p>缺少当前产品经理职位常见的关键技能，如"A/B测试"、"用户旅程地图"</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-recommendations">
                            <h4>优化建议</h4>
                            <ul>
                                <li>添加更多产品经理职位相关的专业技能</li>
                                <li>用具体例子替代笼统的软技能描述</li>
                                <li>突出与目标公司技术栈相关的工具和方法论</li>
                            </ul>
                        </div>
                        <div class="skills-comparison">
                            <h4>职位技能匹配度</h4>
                            <div class="skills-chart">
                                <div class="skills-match">
                                    <div class="match-label">已包含</div>
                                    <div class="match-value">65%</div>
                                    <ul class="skills-list">
                                        <li>产品规划</li>
                                        <li>需求分析</li>
                                        <li>项目管理</li>
                                        <li>原型设计</li>
                                        <li>用户故事</li>
                                    </ul>
                                </div>
                                <div class="skills-missing">
                                    <div class="match-label">建议添加</div>
                                    <div class="match-value">35%</div>
                                    <ul class="skills-list">
                                        <li>数据分析</li>
                                        <li>用户研究</li>
                                        <li>A/B测试</li>
                                        <li>用户旅程地图</li>
                                        <li>增长策略</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 语言和表达分析 -->
            <section class="analysis-section language-section">
                <div class="section-header">
                    <h2 class="section-title">语言和表达分析</h2>
                </div>
                <div class="language-content">
                    <div class="language-overview">
                        <div class="language-item">
                            <div class="language-icon">
                                <span>🔍</span>
                            </div>
                            <div class="language-score">
                                <div class="score-label">清晰度</div>
                                <div class="mini-progress">
                                    <div class="mini-bar" style="width: 85%;"></div>
                                </div>
                                <div class="score-value">85%</div>
                            </div>
                        </div>
                        <div class="language-item">
                            <div class="language-icon">
                                <span>✂️</span>
                            </div>
                            <div class="language-score">
                                <div class="score-label">简洁度</div>
                                <div class="mini-progress">
                                    <div class="mini-bar" style="width: 75%;"></div>
                                </div>
                                <div class="score-value">75%</div>
                            </div>
                        </div>
                        <div class="language-item">
                            <div class="language-icon">
                                <span>💪</span>
                            </div>
                            <div class="language-score">
                                <div class="score-label">影响力</div>
                                <div class="mini-progress">
                                    <div class="mini-bar" style="width: 65%;"></div>
                                </div>
                                <div class="score-value">65%</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="language-details">
                        <div class="language-card">
                            <h3>表达优势</h3>
                            <ul class="language-list positive">
                                <li>使用专业术语准确，增强专业形象</li>
                                <li>句式结构清晰，易于阅读理解</li>
                                <li>使用主动语态，展现主动性</li>
                            </ul>
                        </div>
                        <div class="language-card">
                            <h3>需要改进</h3>
                            <ul class="language-list negative">
                                <li>部分描述过于冗长，可以更加精简</li>
                                <li>行动动词重复使用，缺乏多样性</li>
                                <li>成就描述不够具体，缺乏说服力</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="word-analysis">
                        <h3>关键词分析</h3>
                        <div class="word-cloud">
                            <span class="word-item" style="font-size: 24px;">产品</span>
                            <span class="word-item" style="font-size: 22px;">管理</span>
                            <span class="word-item" style="font-size: 20px;">开发</span>
                            <span class="word-item" style="font-size: 19px;">用户</span>
                            <span class="word-item" style="font-size: 18px;">需求</span>
                            <span class="word-item" style="font-size: 17px;">分析</span>
                            <span class="word-item" style="font-size: 16px;">规划</span>
                            <span class="word-item" style="font-size: 15px;">协作</span>
                            <span class="word-item" style="font-size: 14px;">迭代</span>
                            <span class="word-item" style="font-size: 13px;">功能</span>
                            <span class="word-item" style="font-size: 12px;">团队</span>
                            <span class="word-item" style="font-size: 11px;">设计</span>
                            <span class="word-item" style="font-size: 10px;">实现</span>
                        </div>
                        <div class="word-recommendations">
                            <h4>建议添加的关键词</h4>
                            <div class="word-tags">
                                <span class="word-tag">数据驱动</span>
                                <span class="word-tag">用户体验</span>
                                <span class="word-tag">增长策略</span>
                                <span class="word-tag">转化率</span>
                                <span class="word-tag">留存率</span>
                                <span class="word-tag">A/B测试</span>
                                <span class="word-tag">用户研究</span>
                                <span class="word-tag">产品生命周期</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 行业匹配度 -->
            <section class="analysis-section industry-section">
                <div class="section-header">
                    <h2 class="section-title">行业匹配度</h2>
                </div>
                <div class="industry-content">
                    <div class="industry-chart">
                        <canvas id="industryChart" width="300" height="300"></canvas>
                    </div>
                    <div class="industry-details">
                        <div class="industry-match">
                            <h3>最佳匹配行业</h3>
                            <div class="industry-match-item">
                                <div class="match-header">
                                    <h4>互联网/科技</h4>
                                    <span class="match-score">92%</span>
                                </div>
                                <div class="match-bar">
                                    <div class="match-progress" style="width: 92%;"></div>
                                </div>
                                <p class="match-description">您的技能和经验与互联网/科技行业的产品经理职位高度匹配。</p>
                            </div>
                            <div class="industry-match-item">
                                <div class="match-header">
                                    <h4>电子商务</h4>
                                    <span class="match-score">85%</span>
                                </div>
                                <div class="match-bar">
                                    <div class="match-progress" style="width: 85%;"></div>
                                </div>
                                <p class="match-description">您的用户体验和产品迭代经验与电子商务行业需求匹配良好。</p>
                            </div>
                            <div class="industry-match-item">
                                <div class="match-header">
                                    <h4>金融科技</h4>
                                    <span class="match-score">78%</span>
                                </div>
                                <div class="match-bar">
                                    <div class="match-progress" style="width: 78%;"></div>
                                </div>
                                <p class="match-description">您的项目管理和分析能力适合金融科技行业，但可以强化合规知识。</p>
                            </div>
                        </div>
                        <div class="industry-recommendations">
                            <h3>提升建议</h3>
                            <div class="recommendation-card">
                                <div class="recommendation-icon">
                                    <span>🎯</span>
                                </div>
                                <div class="recommendation-content">
                                    <h4>针对目标行业定制简历</h4>
                                    <p>根据您的目标行业（互联网/科技）调整简历重点，突出相关项目和成就。</p>
                                </div>
                            </div>
                            <div class="recommendation-card">
                                <div class="recommendation-icon">
                                    <span>🛠️</span>
                                </div>
                                <div class="recommendation-content">
                                    <h4>强化行业特定技能</h4>
                                    <p>添加更多与互联网产品相关的专业技能和工具，如用户增长、数据分析等。</p>
                                </div>
                            </div>
                            <div class="recommendation-card">
                                <div class="recommendation-icon">
                                    <span>📈</span>
                                </div>
                                <div class="recommendation-content">
                                    <h4>展示行业趋势洞察</h4>
                                    <p>在个人总结中展示对行业趋势的理解，表明您的前瞻性思维。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 优化建议总结 -->
            <section class="analysis-section summary-section">
                <div class="section-header">
                    <h2 class="section-title">优化建议总结</h2>
                </div>
                <div class="summary-content">
                    <div class="priority-recommendations">
                        <h3>优先改进项</h3>
                        <div class="priority-list">
                            <div class="priority-item high">
                                <div class="priority-badge">高</div>
                                <div class="priority-content">
                                    <h4>量化工作成就</h4>
                                    <p>在工作经验中添加具体数据和成果，使用数字展示您的贡献和影响。</p>
                                    <a href="#" class="action-link">查看如何量化成就 <i class="arrow-icon"></i></a>
                                </div>
                            </div>
                            <div class="priority-item high">
                                <div class="priority-badge">高</div>
                                <div class="priority-content">
                                    <h4>添加缺失关键技能</h4>
                                    <p>补充产品经理职位常见的关键技能，如数据分析、用户研究、A/B测试等。</p>
                                    <a href="#" class="action-link">查看热门产品经理技能 <i class="arrow-icon"></i></a>
                                </div>
                            </div>
                            <div class="priority-item medium">
                                <div class="priority-badge">中</div>
                                <div class="priority-content">
                                    <h4>优化简历语言表达</h4>
                                    <p>使用更多样化的行动动词，增强简历的影响力和说服力。</p>
                                    <a href="#" class="action-link">查看推荐的行动动词 <i class="arrow-icon"></i></a>
                                </div>
                            </div>
                            <div class="priority-item medium">
                                <div class="priority-badge">中</div>
                                <div class="priority-content">
                                    <h4>添加个人作品集</h4>
                                    <p>创建并链接个人作品集或项目展示页面，展示您的产品思维和实际案例。</p>
                                    <a href="#" class="action-link">了解如何创建产品作品集 <i class="arrow-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="ai-optimization">
                        <h3>AI一键优化</h3>
                        <p>使用我们的AI优化助手，自动应用上述建议，提升您的简历质量。</p>
                        <div class="optimization-options">
                            <div class="optimization-option">
                                <input type="checkbox" id="opt1" checked>
                                <label for="opt1">量化工作成就</label>
                            </div>
                            <div class="optimization-option">
                                <input type="checkbox" id="opt2" checked>
                                <label for="opt2">优化关键词</label>
                            </div>
                            <div class="optimization-option">
                                <input type="checkbox" id="opt3" checked>
                                <label for="opt3">改进语言表达</label>
                            </div>
                            <div class="optimization-option">
                                <input type="checkbox" id="opt4">
                                <label for="opt4">调整格式布局</label>
                            </div>
                        </div>
                        <button class="btn btn-primary btn-large">应用AI优化</button>
                    </div>
                </div>
            </section>

            <!-- 竞争力对比 -->
            <section class="analysis-section comparison-section">
                <div class="section-header">
                    <h2 class="section-title">竞争力对比</h2>
                    <div class="section-tooltip" data-tooltip="基于同行业产品经理简历数据分析，帮助您了解自己的竞争优势和改进空间。">
                        <span>ℹ️</span>
                    </div>
                </div>
                <div class="comparison-content">
                    <!-- 雷达图对比 -->
                    <div class="comparison-chart">
                        <div class="radar-chart">
                            <svg viewBox="0 0 400 400" class="radar-svg">
                                <!-- 背景网格 -->
                                <g class="radar-grid">
                                    <polygon points="200,50 350,150 350,250 200,350 50,250 50,150" fill="none" stroke="#e0e0e0" stroke-width="1"/>
                                    <polygon points="200,80 320,140 320,260 200,320 80,260 80,140" fill="none" stroke="#e0e0e0" stroke-width="1"/>
                                    <polygon points="200,110 290,170 290,230 200,290 110,230 110,170" fill="none" stroke="#e0e0e0" stroke-width="1"/>
                                    <polygon points="200,140 260,180 260,220 200,260 140,220 140,180" fill="none" stroke="#e0e0e0" stroke-width="1"/>
                                    <polygon points="200,170 230,190 230,210 200,230 170,210 170,190" fill="none" stroke="#e0e0e0" stroke-width="1"/>
                                    <!-- 轴线 -->
                                    <line x1="200" y1="200" x2="200" y2="50" stroke="#e0e0e0" stroke-width="1"/>
                                    <line x1="200" y1="200" x2="350" y2="150" stroke="#e0e0e0" stroke-width="1"/>
                                    <line x1="200" y1="200" x2="350" y2="250" stroke="#e0e0e0" stroke-width="1"/>
                                    <line x1="200" y1="200" x2="200" y2="350" stroke="#e0e0e0" stroke-width="1"/>
                                    <line x1="200" y1="200" x2="50" y2="250" stroke="#e0e0e0" stroke-width="1"/>
                                    <line x1="200" y1="200" x2="50" y2="150" stroke="#e0e0e0" stroke-width="1"/>
                                </g>
                                
                                <!-- 您的简历数据 -->
                                <polygon points="200,80 305,155 305,235 200,290 125,235 95,165" 
                                         fill="rgba(74, 144, 226, 0.3)" stroke="#4A90E2" stroke-width="2"/>
                                
                                <!-- 行业平均数据 -->
                                <polygon points="200,110 275,170 275,230 200,260 125,230 125,170" 
                                         fill="rgba(255, 193, 7, 0.2)" stroke="#FFC107" stroke-width="2" stroke-dasharray="5,5"/>
                                
                                <!-- 顶尖简历数据 -->
                                <polygon points="200,65 335,140 335,260 200,305 95,260 65,140" 
                                         fill="rgba(76, 175, 80, 0.2)" stroke="#4CAF50" stroke-width="2" stroke-dasharray="3,3"/>
                                
                                <!-- 标签 -->
                                <text x="200" y="45" text-anchor="middle" class="radar-label">内容完整性</text>
                                <text x="360" y="155" text-anchor="start" class="radar-label">专业相关性</text>
                                <text x="360" y="255" text-anchor="start" class="radar-label">成就展示</text>
                                <text x="200" y="370" text-anchor="middle" class="radar-label">关键词优化</text>
                                <text x="40" y="255" text-anchor="end" class="radar-label">语言表达</text>
                                <text x="40" y="155" text-anchor="end" class="radar-label">格式规范</text>
                            </svg>
                        </div>
                    </div>
                    
                    <!-- 图例 -->
                    <div class="comparison-legend">
                        <div class="legend-item">
                            <div class="legend-color your-resume"></div>
                            <div class="legend-label">您的简历 (75分)</div>
                        </div>
                        <div class="legend-item">
                            <div class="legend-color industry-avg"></div>
                            <div class="legend-label">行业平均水平 (68分)</div>
                        </div>
                        <div class="legend-item">
                            <div class="legend-color top-resumes"></div>
                            <div class="legend-label">顶尖简历 (88分)</div>
                        </div>
                    </div>
                    
                    <!-- 详细对比数据 -->
                    <div class="comparison-details">
                        <h3>详细对比分析</h3>
                        <div class="comparison-metrics">
                            <div class="metric-item">
                                <div class="metric-header">
                                    <h4>内容完整性</h4>
                                    <div class="metric-scores">
                                        <span class="your-score">85</span>
                                        <span class="avg-score">72</span>
                                        <span class="top-score">92</span>
                                    </div>
                                </div>
                                <div class="metric-bars">
                                    <div class="metric-bar your-bar" style="width: 85%;"></div>
                                    <div class="metric-bar avg-bar" style="width: 72%;"></div>
                                    <div class="metric-bar top-bar" style="width: 92%;"></div>
                                </div>
                                <p class="metric-insight">您的简历信息完整度超过行业平均13分，但距离顶尖水平还有7分提升空间。</p>
                            </div>
                            
                            <div class="metric-item">
                                <div class="metric-header">
                                    <h4>专业相关性</h4>
                                    <div class="metric-scores">
                                        <span class="your-score">80</span>
                                        <span class="avg-score">65</span>
                                        <span class="top-score">90</span>
                                    </div>
                                </div>
                                <div class="metric-bars">
                                    <div class="metric-bar your-bar" style="width: 80%;"></div>
                                    <div class="metric-bar avg-bar" style="width: 65%;"></div>
                                    <div class="metric-bar top-bar" style="width: 90%;"></div>
                                </div>
                                <p class="metric-insight">专业匹配度表现优秀，超过行业平均15分，继续保持并向顶尖水平靠拢。</p>
                            </div>
                            
                            <div class="metric-item">
                                <div class="metric-header">
                                    <h4>成就展示</h4>
                                    <div class="metric-scores">
                                        <span class="your-score">65</span>
                                        <span class="avg-score">70</span>
                                        <span class="top-score">88</span>
                                    </div>
                                </div>
                                <div class="metric-bars">
                                    <div class="metric-bar your-bar" style="width: 65%;"></div>
                                    <div class="metric-bar avg-bar" style="width: 70%;"></div>
                                    <div class="metric-bar top-bar" style="width: 88%;"></div>
                                </div>
                                <p class="metric-insight">这是您的薄弱环节，低于行业平均5分。建议增加量化数据和具体成果。</p>
                            </div>
                            
                            <div class="metric-item">
                                <div class="metric-header">
                                    <h4>关键词优化</h4>
                                    <div class="metric-scores">
                                        <span class="your-score">70</span>
                                        <span class="avg-score">68</span>
                                        <span class="top-score">85</span>
                                    </div>
                                </div>
                                <div class="metric-bars">
                                    <div class="metric-bar your-bar" style="width: 70%;"></div>
                                    <div class="metric-bar avg-bar" style="width: 68%;"></div>
                                    <div class="metric-bar top-bar" style="width: 85%;"></div>
                                </div>
                                <p class="metric-insight">关键词使用略高于平均水平，但仍有15分的提升空间。</p>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 竞争优势分析 -->
                    <div class="competitive-advantages">
                        <h3>您的竞争优势</h3>
                        <div class="advantage-grid">
                            <div class="advantage-item">
                                <div class="advantage-icon success">
                                    <span>🏆</span>
                                </div>
                                <div class="advantage-content">
                                    <h4>信息完整度领先</h4>
                                    <p>您的简历信息完整度超过78%的同行，展现了良好的专业素养。</p>
                                </div>
                            </div>
                            <div class="advantage-item">
                                <div class="advantage-icon success">
                                    <span>🎯</span>
                                </div>
                                <div class="advantage-content">
                                    <h4>专业匹配度突出</h4>
                                    <p>您的技能和经验与产品经理职位高度匹配，超过82%的竞争者。</p>
                                </div>
                            </div>
                            <div class="advantage-item">
                                <div class="advantage-icon warning">
                                    <span>📈</span>
                                </div>
                                <div class="advantage-content">
                                    <h4>成就展示待提升</h4>
                                    <p>这是您最大的提升机会，通过量化成就可以显著提高竞争力。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 市场定位 -->
                    <div class="market-position">
                        <h3>市场定位分析</h3>
                        <div class="position-chart">
                            <div class="position-item">
                                <div class="position-label">初级产品经理</div>
                                <div class="position-bar">
                                    <div class="position-range" style="left: 0%; width: 60%;"></div>
                                    <div class="your-position" style="left: 75%;">您</div>
                                </div>
                                <div class="position-score">40-60分</div>
                            </div>
                            <div class="position-item">
                                <div class="position-label">中级产品经理</div>
                                <div class="position-bar">
                                    <div class="position-range" style="left: 55%; width: 30%;"></div>
                                    <div class="your-position" style="left: 75%;">您</div>
                                </div>
                                <div class="position-score">60-80分</div>
                            </div>
                            <div class="position-item">
                                <div class="position-label">高级产品经理</div>
                                <div class="position-bar">
                                    <div class="position-range" style="left: 75%; width: 25%;"></div>
                                    <div class="your-position" style="left: 75%;">您</div>
                                </div>
                                <div class="position-score">80-100分</div>
                            </div>
                        </div>
                        <p class="position-insight">根据您的简历评分(75分)，您目前处于中级产品经理的水平，距离高级产品经理仅差5分。通过优化成就展示和关键词，您有很大机会跨入高级产品经理行列。</p>
                    </div>
                </div>
            </section>

            <!-- 下一步行动 -->
            <section class="analysis-section action-section">
                <div class="section-header">
                    <h2 class="section-title">下一步行动</h2>
                </div>
                <div class="action-cards">
                    <div class="action-card">
                        <div class="action-icon">
                            <span>✏️</span>
                        </div>
                        <h3>应用优化建议</h3>
                        <p>根据分析报告中的建议修改您的简历，提升竞争力。</p>
                        <a href="resume-editor.html" class="btn btn-primary">编辑简历</a>
                    </div>
                    <div class="action-card">
                        <div class="action-icon">
                            <span>🤖</span>
                        </div>
                        <h3>使用AI助手</h3>
                        <p>让我们的AI助手帮您优化简历内容，提供专业建议。</p>
                        <a href="#" class="btn btn-outline">启动AI助手</a>
                    </div>
                    <div class="action-card">
                        <div class="action-icon">
                            <span>👨‍💼</span>
                        </div>
                        <h3>获取专家点评</h3>
                        <p>预约行业专家一对一点评，获取个性化建议。</p>
                        <a href="#" class="btn btn-outline">预约专家</a>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <div class="footer-logo">
                        <h3>突袭简历</h3>
                    </div>
                    <p>AI驱动的智能简历优化平台，助力求职者提升竞争力</p>
                </div>
                <div class="footer-col">
                    <h4>产品服务</h4>
                    <ul>
                        <li><a href="templates.html">简历模板</a></li>
                        <li><a href="pricing.html">会员服务</a></li>
                        <li><a href="#">AI简历分析</a></li>
                        <li><a href="#">简历优化</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>学习资源</h4>
                    <ul>
                        <li><a href="resume-editor.html">简历编辑</a></li>
                        <li><a href="#">简历写作指南</a></li>
                        <li><a href="#">面试技巧</a></li>
                        <li><a href="#">行业洞察</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>关于我们</h4>
                    <ul>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">用户协议</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>客户支持</h4>
                    <ul>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">隐私政策</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 突袭简历 版权所有</p>
            </div>
        </div>
    </footer>

    <!-- 主脚本 -->
    <script src="js/main.js"></script>
    <!-- 图表库 -->
    <script src="js/chart.min.js"></script>
    <!-- 简历分析脚本 -->
    <script src="js/resume-analysis.js"></script>
</body>
</html>